<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script type="text/javascript">

		window.onload = function  () {
			var del = document.getElementsByClassName('del');
			for (var i = 0; i < del.length; i++) {

				del[i].onclick= function () {
					this.parentNode.style.display="none";
				}
			};
		}



	</script>
</head>
<body>
	<table border="1">
		<tr class="tf">
			<td class="ts">姓名</td>
			<td class="ts">学号</td>
			<td class="ts">性别</td>
			<td class="ts">操作</td>
		</tr>
		<tr class="tf">
			<td class="ts">小明</td>
			<td class="ts">20001</td>
			<td class="ts">男</td>
			<td class="ts del">删除</td>
		</tr>
		<tr class="tf">
			<td class="ts">小红</td>
			<td class="ts">20001</td>
			<td class="ts">男</td>
			<td class="ts del">删除</td>
		</tr>
		<tr class="tf">
			<td class="ts">小花</td>
			<td class="ts">20001</td>
			<td class="ts">男</td>
			<td class="ts del">删除</td>
		</tr>
	</table>
</body>
</html>